<!DOCTYPE html>
<html  lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:replace="common/common_header :: common_header(~{::title},~{::link},~{::styles})">
    <meta charset="UTF-8">
    <title>welcome</title>
</head>


<body>
    <h1>
        欢迎 当前时间:<span th:text="${#dates.format(#dates.createNow(), 'yyyy-MM-dd HH:mm:ss')}"></span>
    </h1>
    <div >
        <input  style="width: 300px;height: 30px;"id="ISBN"
                 placeholder="请输入ISBN码，并回车查询" th:onchange="getISBN()">
        <input id="bookContent" hidden>

    </div>
    <script type="text/javascript">

        function getISBN() {
            <!--  data中传递json对象  -->
            var ISBNCode=$("#ISBN").val();
            if(ISBNCode==""){return;}
            var url='/book/ISBN/'+ISBNCode
            var ajax = new CommonAjax(url);
            ajax.invoke(getISBNSuccess,complete)


//            $.ajax({
//                url: '/book/ISBN/'+ISBNCode,
//                type: 'get',
//                async: false,
//                data: {
//
//                },
//                dataType:"json",
//                success: function (data) {
//
//                    console.log(data);
//
//
//
//                },
//                complete:function () {
//                    $("#ISBN").val("");
//                    $("#ISBN").focus();
//                }
//            })
        };
        function getISBNSuccess (data) {

            if(data){
                $("#bookContent").show();
                $("#bookContent").val(data.title);
            }else{
                getBookByISBN()
            }

        }
        function complete() {
            $("#ISBN").val("");
            $("#ISBN").focus();
            //alert(111)
        }
        function getBookByISBN () {
            var ISBNCode=$("#ISBN").val();
            var url='/book/ISBN/'+ISBNCode
            var ajax = new CommonAjax(url);
            ajax.type="put"
            ajax.invoke(getBookByISBNSuccess,complete)
        }
        function getBookByISBNSuccess (data) {

            if(data){
                $("#bookContent").show();
                $("#bookContent").val(data.title);
            }

        }

    </script>
</body>
</html>